// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

// 3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter); //将vue插件注册到了vue的原型上

// 3.0.2 导入路由规则对应的组件对象
import home from './components/Home.vue'; //主页
import news from './components/news/newsLists.vue'; //新闻咨询列表
import newsShow from './components/news/newsshow.vue'; //新闻咨询详情
import photo from './components/photo/photoLists.vue'; //图片分享列表
import photoinfo from './components/photo/photoinfo.vue';//图片详情列表
// 3.0.2 定义路由规则
var router1 = new vueRouter({
	linkActiveClass: 'mui-active',
	routes: [{
			path: '/',
			redirect: '/home'
		},
		{
			path: '/home',
			component: home
		}, {
			path: '/news/newsLists',
			component: news
		},
		{
			path: '/news/newsshow/:newsid',
			component: newsShow
		},
		{
			path: '/photo/photoLists',
			component: photo
		},
		{
			path:'/photo/photoinfo/:id',
			component: photoinfo
		}
	]
});
//注册mint-ui
import 'mint-ui/lib/style.css';
import Mint from 'mint-ui';
Vue.use(Mint);
//注册mui的css样式
import '../statics/mui/css/mui.css';
//注册moment
import moment from 'moment';
Vue.filter('datefmt', function(value, frmString) {
	return moment(value).format(frmString);
});
//导入resource
import vueResource from 'vue-resource';
Vue.use(vueResource);
//导入一个全局样式
import '../statics/css/site.css';
//导入公共的域名
import common from './kits/common.js';
Vue.prototype.$common = common;
// 导入缩略图组件
import VuePreview from 'vue-preview';
Vue.use(VuePreview);

//导入fastclick插件
import fastclick from 'fastclick';

fastclick.attach(document.body);
// 3.0 利用Vue对象进行解析渲染
new Vue({
	el: '#app',
	// 使用路由对象实例
	router: router1,
	// render:function(create){create(App)} //es5的写法
	render: c => c(App) //es6的函数写法 =>：goes to
});